<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小林刷访客</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <!-- <link rel="stylesheet" href="./js/index.js"> -->
</head>
<body>
   
    <div class="content"> 
        <div class="login-wrapper">
            <div class="right-login-form">
                <div class="form-wrapper">
                    <h1>小林刷访客</h1>
                    <div class="input-items">
                        <span class="input-tips">
                            请输入你个人的主页博客连接
                        </span>
                        <form method="POST" >
                        <input type="text" name="url" class="inputs" placeholder="输入你的博客个人主页链接">
                        <span class="msg"></span>
                    </div>
                    <div class="input-items">
                        <span class="input-tips">
                            输入要刷的数量
                        </span>
                        <input type="text" name="nums" id="nums" class="inputs" placeholder="1-1000之间">
                        <span class="msg"></span>
                    </div>
                    <div class="input-items">
                        <span class="input-tips">
                            输入兑换码
                        </span>
                        <input type="text" name="code" id="code" class="inputs" placeholder="兑换码可以联系管理员获取哦">
                        <span class="msg"></span>
                    </div>
                    <input type="submit" class="btn" name ="submit"  value="提交"/>
                    <input type="submit" class="btn" name ="query" value="查询进度"/> 
                </form>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
//         // 获取学号/教职工号
// const unum =document.querySelector('[name=unum]') 
// unum.addEventListener('change',verifyUnum)
// function verifyUnum(){
//     // const span = unum.nextElementSibling
//     // const reg =  /^[0-9]{1,3}$/
//     // if(!reg.test(unum.value)){
//     //     span.innerHTML = '请输入正确的数量'
//     //     return false
//     // }
//     // span.innerHTML = ''
//     // return true
//     return true;
// }

// 获取密码
const psd = document.querySelector('[id=nums]')
psd.addEventListener('change',verifyPwd)
function verifyPwd(){
    const span = psd.nextElementSibling
    const reg = /^[0-9]{1,3}$/
    if(!reg.test(psd.value)){
        span.innerHTML = '输入不合法,请输入6~8位密码'
        return false
    }
    span.innerHTML = ''
    return true
}
    </script>
</body>
</html>